<template>
  <div class="">
    <!-- 面包屑 -->
    <crumbs attribute1="订单管理" attribute2="订单管理"></crumbs>
    <!-- 卡片 -->
    <el-card class="mt16">
      <el-input
        placeholder="请输入内容"
        v-model="input3"
        class="input-with-select"
      >
        <el-button slot="append" icon="el-icon-search"></el-button>
      </el-input>

      <!-- 表格 -->
      <el-table :data="ordersList" border style="width: 100%" class="mt16">
        <el-table-column type="index" label="#" width="50">
        </el-table-column>
        <el-table-column prop="name" label="订单编号" width="180">
        </el-table-column>
        <el-table-column prop="address" label="订单价格"> </el-table-column>
        <el-table-column prop="address" label="是否付款"> </el-table-column>
        <el-table-column prop="address" label="是否发货"> </el-table-column>
        <el-table-column prop="address" label="下单时间"> </el-table-column>
        <el-table-column prop="address" label="操作">
            <template slot-scope="scope">
                <div>
                    <el-button type="primary" size="mini" icon="el-icon-edit"></el-button>
                    <el-button type="success" size="mini" icon="el-icon-location"></el-button>
                </div>
            </template>
        </el-table-column>
      </el-table>
    </el-card>
  </div>
</template>

<script>
export default {
  data() {
    return {
        // 创建一个空数组
        ordersList:[]
    };
  },
  mounted() {},
  methods: {},
  components: {},
};
</script>

<style lang='scss' scoped>
.input-with-select {
  width: 400px;
}
</style>
